import {request} from "../../request/index.js";

Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs:[
      {
        id:0,
        value:"体验问题",
        isActive:true
      },
      {
        id:1,
        value:"商品、商家投诉",
        isActive:false
      }
    ],
    //被选中的图片路径 数组
    chooseImags:[]
  },
  handleTabsItemChange(e){
    const {index}=e.detail;
    let {tabs}=this.data;
    tabs.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false);
    this.setData({
      tabs
    })
  },
  async handleChooseImg(){
    //调用小程序内置的选择图片API
    wx.chooseImage({
      //同时选中的图片数量
      count:9,
      //图片的格式 原图 压缩
      sizeType: ['original','compressed'],
      //图片的来源 相册 照相机
      sourceType:['album','camera'],
      success: (res) => {
        this.setData({
          //图片数组进行拼接
          chooseImags:[...this.data.chooseImags,...res.tempFilePaths]
        })
      },
    })
  },
  //自定义图片组件
  handleRemoveImg(e){
    //获取被点击的组件索引
    const {index}=e.currentTarget.dataset;
    //获取data中的图片数组
    let {chooseImags}=this.data;
    //删除元素
    chooseImags.splice(index,1);
    this.setData({
      chooseImags
    })
  }
})